<script setup>
import collapse from '../../components/collapse.vue'
import {ref} from 'vue'
const newsRisk = ref([
  {
    title:"公告风险",
    description:[
      {
        date:"07-21",
        title:"关于法院裁定受理公司重整的公告",
        tag:"ST风险"
      },
      {
        date:"07-21",
        title:"关于法院裁定受理公司重整的公告",
        tag:"平仓风险"
      },
      {
        date:"07-21",
        title:"关于法院裁定受理公司重整的公告",
        tag:"仲裁"
      },
    ]
  },
  {
    title:"新闻风险",
    description:[
      {
        date:"07-21",
        title:"关于法院裁定受理公司重整的公告",
        tag:"ST风险"
      },
    ]
  },
  {
    title:"研报风险",
    description:[
      {
        date:"07-21",
        title:"关于法院裁定受理公司重整的公告",
        tag:"ST风险"
      },
    ]
  }
])

const baseRiskTags = ref([
  "退市风险",
  "财务风险",
  "减持风险",
  "股东风险",
  "违规风险",
  "其他风险"
])
const baseRisk = ref([
  {
    title:"面值退市风险",
  },
  {
    title:"财务退市风险",
  },
  {
    title:"审计意见异常"
  },
  {
    title:"市值退市风险"
  },
  {
    title:"成交量退市风险"
  },
  {
    title:"未披露财报退市风险"
  },
  {
    title:"私有化退市风险"
  },
  {
    title:"股东户数退市风险"
  }
])
</script>

<template>
<div class="app-container">
  <collapse :noIcon="true" font="normal" title="舆情面(1)" color="black">
    <collapse :title="item.title" v-for="item in newsRisk">
      <div class="content">
        <div class="c-txt" v-for="itm in item.description">
          {{itm.date}} {{itm.title}}
          <van-tag type="danger">{{itm.tag}}</van-tag>
        </div>
      </div>
    </collapse>
  </collapse>
  <collapse :noIcon="true"  font="normal" title="基本面(3)" color="black">
    <van-space wrap>
      <div class="tag" v-for="(tag,index) in baseRiskTags">
        <van-tag >{{tag}}</van-tag>
      </div>
    </van-space>
    <collapse :title="item.title" v-for="item in baseRisk">
      <div class="content">
      </div>
    </collapse>
  </collapse>
  <collapse :noIcon="true" font="normal" title="技术面(8)" color="black">

  </collapse>
</div>
</template>

<style scoped lang="scss">
.content{
  font-size:14px;
  padding:10px 16px;
  .c-txt{
    color:#A0A0A0;
  }
}
.tagwrap{
  padding:0 15px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  .tag{
    padding:0px 2px;
  }
}
</style>